<!--
	作者：HQS
	时间：2018-07-16  16:17:47
	描述：电竞学院
-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>电竞学院</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="icon" href="img/favicon.ico" mce_href="http://pd51ux91p.bkt.clouddn.com/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="css/commonality.css"/>
	<link rel="stylesheet" type="text/css" href="css/trainingInstitute.css"/>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div class="pc" style="display: none;">
		<!--头部导航菜单-->
		<div class="top">
			<div class="top_div">
				<a class="logo" href="index.html"><img src="http://pd51ux91p.bkt.clouddn.com/public/logo.png"/></a>
				<ul><li><a href="index.html">首页</a></li>
					<li><a href="game.html">游戏</a></li>
					<li><a href="edg.html">战队</a></li>
					<li><a href="guide.html">办赛指南</a></li>
					<li><a href="userCenter.html">注册/登录</a></li>
					<li><a href="javascript:;">创建战队</a></li>
				</ul>
			</div>
		</div>
		
		<!--主体-->
		<div class="main dis_block">

			<!--我们都有一个电竞梦-->
			<div class="banner">
				<div class="banner_bg banner_bg1"></div>
				<div class="banner_bg banner_bg2"></div>
				<div class="banner_bg banner_bg3"></div>
				<div class="banner_bg banner_bg4"></div>
				<div class="banner_bg banner_bg5"></div>
			</div>
			
			<!--我们的优势-->
			<div class="GamesList">
				<div class="GamesList_div">
					
				</div>
			</div>
			
			<!--背景简介-->
			<div class="live" id="ambassador">
				<p>赛事标题</p>
				<div class="live_div">
					<!--直播视频-->
					<div class="sinatv">
						
					</div>
					<!--赛事竞猜-->
					<div class="guess">
						
					</div>
				</div>
			</div>
		
			<!--就业机会-->
			<div class="bonus">
				<div class="bonus_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
		
			<!--联系我们-->
			<div class="about" id="about">
				<div class="about_main">
					<p class="about_title">联系我们</p>
					<p class="about_describe">我们总是乐于帮助你，请选择最适合你的方式联系我们！ </p>
					<div class="about_address">
						<p style="margin-top: 8px;">总址：上海市闵行区虹井路288号B座703室</p>
						<p>分部：广州市天河区广州信息港方圆E时光西座28楼</p>
						<p>邮编：510000</p>
						<p>电话：+86 13901779476</p>
						<p>&nbsp;</p>
						<p>网址：www.juyouxiao.com</p>
						<p>E-mail：hr@tianchangtech.com</p>
					</div>
					
					
					<div class="toastInfo"><span>提醒</span></div>
				</div>
				<ul class="foot">
					<li><a href="index.html">首页</a></li>
					<li><a href="javascript:;">校园大使</a></li>
					<li><a href="javascript:;">关于我们</a></li>
				</ul>
				<p class="provider">京公网安备11010802023605号</p>
			</div>
		</div>
		
		<!--点击回到顶部-->
		<a id="com_d" style="display: none;"></a>
	</div>
	
	<div class="mobile" style="display: block;">
		<!--底部 导航 菜单-->
		<div class="top">
			<ul><li><a href="index.html">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_1.png"/>
						<p>首页</p>
					</a>
				</li>
				<li><a href="javascript:;">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_2.png"/>
						<p>看帖</p>
					</a>
				</li>
				<li><a href="javascript:;"><img class="increase" src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_3.png"/></a></li>
				<li><a href="edg.html">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_4.png"/>
						<p>战队</p>
					</a>
				</li>
				<li><a  id="_Usercenter">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_5.png"/>
						<p>我的</p>
					</a>
				</li>
			</ul>
		</div>
		
		<!--顶部海报-->
		<div class="banner">
			<img class="banner_bg" src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/banner.png"/>
			<div class="buttonDiv fix">
				<img class="button_bg" src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/buttonBG.png"/>
				<p class="fix" id="appointment">
					<span class="spanImg"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/icon_right.png"/></span>
					<span class="spanTitle">立即预约</span>
				</p>
			</div>
		</div>
		
		<!--我们的优势-->
		<div class="myAdvantage shadow fix">
			<p class="myAdvantage_title">我们的<span>优势</span></p>
			<div class="content fix">
				<div class="game" href="javasctipt:;">
					<img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/icon_advantage1.png"/>
					<p class="">神秘教师</p>
				</div>
				<div class="game" href="javasctipt:;">
					<img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/icon_advantage2.png"/>
					<p class="">高配设备</p>
				</div>
				<div class="game" href="javasctipt:;">
					<img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/icon_advantage3.png"/>
					<p class="">专业统计</p>
				</div>
				<div class="game" href="javasctipt:;">
					<img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/icon_advantage4.png"/>
					<p class="">历史成就</p>
				</div>
			</div>
		</div>
		
		<!--背景介绍-->
		<div class="BGinfo shadow fix">
			<p class="AllstarTitle">背景介绍</p>
			<div class="content fix">
				<div class="left"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/illustration1.png"/></div>
				<div class="right">
					<p class="right_title">易战</p>
					<p class="mainBody">易战平台由添昌科技有限公司打造，于2018年7月正式上线，也是中国第一批以平民玩家为核心对象的先行者。电竞学院是易战平台关注优秀人才培养与行业健康发展的产物。</p>
				</div>
			</div>
			<div class="content shadow2 fix">
				<div class="left"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/illustration2.png"/></div>
				<div class="right">
					<p class="right_title">电竞学院</p>
					<p class="mainBody">电竞学院旨在发掘平民玩家中有潜力的玩家，以“比赛中挖掘”为主要运营模式，针对目前行业内极度缺乏的人才选拔机制作出创新。让每一个参赛选手都有机会获得提升的空间，实现自己的电竞梦。</p>
				</div>
			</div>
		</div>
		
		<!--就业机会-->
		<div class=" jobOpportunity shadow fix">
			<p class="AllstarTitle">就业机会</p>
			<div class="content fix">
				<p class="jobTitle">就业竞争力</p>
				<div class="middle"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/jobOpportunity1.png"/></div>
				<p class="describe">XX平台实训机会</p>
			</div>
			<div class="content fix">
				<div class="middle"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/jobOpportunity2.png"/></div>
				<p class="describe">知名战队体验机会</p>
			</div>
			<div class="content fix">
				<div class="middle"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/jobOpportunity1.png"/></div>
				<p class="describe">易战平台旗下官方赛事运营</p>
			</div>
			<div class="content fix">
				<div class="middle"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/jobOpportunity2.png"/></div>
				<p class="describe">考核通过平台签约</p>
			</div>
			<div class="content fix">
				<div class="middle"><img src="http://pd51ux91p.bkt.clouddn.com/trainingInstitute/jobOpportunity2.png"/></div>
				<p class="describe">优质合作伙伴推荐就业</p>
			</div>
		</div>

		<!--弹窗-->
		<aside id="bg" class="bg">
			<i class="bg_overlay hideAside" title="遮罩层"></i>
			
			<!--前往登录-->
			<div class="union leaveTeam ToLogIn dis_none">
				<p class="style title">尚未登录，请前往登录</p>
				<div class="buttonDiv">
					<button class="leftButton bgCondition1" id="goLogin" type="button">前往登录</button>
				</div>
				<span class="ShutDown" id="" onclick="ShutDown(this)">X</span> 
			</div>
			
			<!--预约成功-->
			<div class="union leaveTeam bookSuccessfully dis_none">
				<p class="style title  ">预约成功！</p>
				<div class="buttonDiv">
					<button class="leftButton bgCondition1" id="leaveTeamAffirm" type="button">确定</button>
				</div>
			</div>
		</aside>
	</div>

	<script src="js/sUserAgent.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/popup.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$("#appointment").on("click",function(){
			var user_id = getCookie("yz_id");
			var token = getCookie("yz_tk")
			if (user_id!=null && token !=null){
				$.ajax({
					type:"post",
					url:"/api/collegeappointment/",
					async:true,
					data:JSON.stringify({"user_id":getCookie("yz_id"),"token":getCookie("yz_tk")}),
					contentType:"application/json",
					dataType:"json",
					success:function(res){
						$(".bookSuccessfully p").text(res.msg);
						popupArise();
						$(".bookSuccessfully").removeClass("dis_none");
						
						$("#leaveTeamAffirm").on("click",function(){
							popupClose();
							$(".bookSuccessfully").addClass("dis_none");
						});
					},error:function(res){
						layer.msg("系统出错")
					}
				});			
				
			}else{
				popupArise();
				$(".ToLogIn").removeClass("dis_none");
			}
		});
		$("#goLogin").on("click",function(){
			window.location="login.html";
		});
		
	</script>
</body>
</html>

